<template>
  <div>
    <Header />
    <router-view></router-view>
    <!-- Footer组件根据路由进行隐藏 -->
    <!-- 我们需要在登录或者注册的时候隐藏footer组件,使用v-show进行显隐 给login和register路由组件设置一个路由元信息FooterIsHidden为true 在v-show中进行取反 当其他路由组件没有元信息则为und转为布尔值为false 在这边取反为 true显示 , login和register的元信息初始值为true 在这里取反为false 则隐藏  -->
    <Footer v-show="!$route.meta.FooterIsHidden" />
  </div>
</template>

<script>
import Header from "@/components/Header/Header.vue";
import Footer from "@/components/Footer/Footer.vue";

export default {
  name: "App",
  components: { Header, Footer },
};
</script>

<style lang="less" scoped></style>
